<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Customizable Wizard | Codetlan</title>
        <link href="<?php   echo $root . 'assets/css/bootstrap.css'?>" rel="stylesheet">
        <link href="<?php   echo $root . 'assets/css/wizard.css'?>" rel="stylesheet">
        <style>
            body {
                padding-top: 60px;
                padding-bottom: 40px;
            }
            .sidebar-nav {
                padding: 9px 0;
            }
        </style>
    </head>
    <body>
        <div class="navbar navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container">
                    <!-- .btn-navbar is used as the toggle for collapsed navbar content -->
                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </a>

                    <!-- Be sure to leave the brand out there if you want it shown -->
                    <a class="brand" href="#" data-content='"Customizable Wizards" its property of Consultora Codetlan SA de CV' rel="derechos_reservados" data-original-title="Reseved Rights">
                        <i class="icon-wizard"></i> Wizards
                    </a>

                    <!-- Everything you want hidden at 940px or less, place within here -->
                    <div class="nav-collapse">
                        <ul class="nav nav-pills">
                            <li>
                                <a href="<?php   echo $root . 'index.php'?>"><i class="icon-home icon-white"></i> Home</a>
                            </li>
                            <li class="dropdown">
                                <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
                                    <i class="icon-plus-sign icon-white"></i> Add Wizzard
                                    <b class="caret"></b>
                                </a>
                                <ul class="dropdown-menu">
                                    <li class=""><a href="<?php   echo $root . 'index.php/wizardapp/new_tab'?>"><i class="icon-th-list"></i> Tab</a></li>
                                    <li class=""><a href="<?php   echo $root . 'index.php/wizardapp/new_accordion'?>"><i class="icon-align-justify"></i> Accordion</a></li>
                                    <li class=""><a href="<?php   echo $root . 'index.php/wizardapp/new_paging'?>"><i class="icon-chevron-right"></i> Paging</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>